@import url("common.css");
.indexnav { display:inline; }
.sonnav { display:none; }
/* CSS Document */
#magazine-wrapper{ border:1px solid #dbdbdb; height:315px; overflow:hidden; width:988px; margin:0 auto;background:#fff;}
#magazine-wrapper .magazine_content{ float:left; }
#magazine-wrapper .magazine_content ul{ margin:0px; float:left; margin-left:5px;}
#magazine-wrapper .magazine_content li{ float:left; margin:5px 8px;_margin:5px 5px;}
#magazine-wrapper .more a{ *margin-top:8px;}
#magazine-wrapper .magazine_content li .on{background:url(../images/mgz_bg_on1.gif) top left no-repeat; width:310px; height:259px; overflow:hidden;}

#bbs-wrapper{ border:1px solid #dbdbdb; height:280px; overflow:hidden; width:988px; margin:0 auto; background:#FFFFFF}
#bbs-wrapper .bbs-contents{ overflow:hidden;}
#bbs-wrapper .bbs_content{ float:left; width:300px; margin:0px 10px;_margin:0px 4px;}
#bbs-wrapper .bbs_content ul{ margin:0px; float:left; margin-left:14px;_margin-left:5px; height:220px; overflow:hidden; }
#bbs-wrapper .bbs_content li{ float:left;height:90px; margin:5px 5px 15px 5px;background:url(../images/photo-gallery-frame1.gif) no-repeat top left; overflow:hidden; width:290px;}
#bbs-wrapper .bbs_content li p{ line-height:19px;margin-top:8px; height:60px; overflow:hidden}
#bbs-wrapper .bbs_content li.bbs_other{background:url(../images/li-1.png) left center no-repeat; height:25px; line-height:25px; width:282px; padding-left:8px; margin:0 5px;}
#bbs-wrapper .bbs_content li.bbs_other a { color:#333; }
#bbs-wrapper .bbs_content li.bbs_other a:hover { color:#FF3300; }
#bbs-wrapper .bbs_content li img{  float:left; overflow:hidden; margin:1px 15px 0px 1px;}
#bbs-wrapper .bbs_content .bbs-title{ margin-left:18px;border-bottom:1px solid #d5d5d5; margin-bottom:15px; margin-top:10px;}
#bbs-wrapper .bbs_content .bbs-title .title{ margin-left:0px;}
#bbs-wrapper .bbs_content .bbs-title .more a{ margin:0px;}
#bbs-wrapper .bbs_content li h2{margin:0px;margin-top:8px; padding:0px;}


#goods-wrapper{height:190px; overflow:hidden; width:988px; margin:0 auto; background:#FFFFFF}
#goods-wrapper .goods_content{  height:150px;  margin-top:10px; overflow:hidden;}
#goods-wrapper .goods_content ul{ margin:0px; float:left; margin-left:0px;}
#goods-wrapper .goods_content li{ float:left; margin:5px 0px 5px 20px; _margin:5px 0px 5px 11px; text-align:center; height:150px; width:160px;}
#goods-wrapper .goods_content  .goodsname{ color:#333; height:30px; line-height:30px; overflow:hidden;}
#goods-wrapper .goods_content a:hover{ color:#F30; text-decoration:underline}
#goods-wrapper   .scroll-left, #goods-wrapper  .scroll-right {float: left;margin-top: 50px;height: 19px;width: 19px;background: url(../images/lr.jpg) left top no-repeat;cursor: pointer; margin-left:15px;}
#goods-wrapper  .scroll-right {float: right;background: url(../images/lr.jpg) right top  no-repeat; margin-right:15px;}
#goods-wrapper .more a{ *margin-top:8px;}

#union-wrapper{ border:1px solid #dbdbdb; height:320px; overflow:hidden; width:988px; margin:0 auto; background:#FFFFFF}
#union-wrapper .union-contents{ overflow:hidden;}
#union-wrapper .union_content{ float:left; width:450px; margin:15px 10px 0px 10px;;_margin:0px 4px;}
#union-wrapper .union_content ul{ margin:0px; float:left; margin-left:14px;_margin-left:5px; overflow:hidden; }
#union-wrapper .union_content li{ float:left;height:120px; margin:5px 5px 15px 5px;overflow:hidden; width:450px;}
#union-wrapper .union_content li img{  float:left; overflow:hidden; margin:0px 15px 0px 1px; width:142px; height:118px; border:1px solid #cccccc}
#union-wrapper .union_content li h2{margin:0px;margin-top:8px; padding:0px;}
#union-wrapper li .uniontlist{ background: url(../images/li_ico.gif) left center no-repeat; height:25px; line-height:25px; padding-left:10px; width:272px; overflow:hidden;}
#union-wrapper p.uniontlist a{ color:#333333; text-decoration:none;}
#union-wrapper p.uniontlist a:hover{ color:#FF3300; text-decoration:none;}

#index-hot{ border:1px solid #dbdbdb; height:640px; overflow:hidden; width:990px; margin:0 auto; background:#FFFFFF}
#index-hot .title{ margin:0;}
#index-hot .hot_title a{ font-weight:bold; line-height:30px; height:30px;}
#index-hot .hot_left{ float:left; width:165px; height:640px; margin-left:22px; margin-top:16px; overflow:hidden;`}
#index-hot .hot_mid{ float:left; height:640px; width:455px;margin-top:16px; overflow: hidden}
#index-hot .hot_right{ float:left; height:640px; width:260px;overflow:hidden; margin-top:16px; _width:250px;}
#index-hot .linebg{background: url(../images/hot_bg.gif) center center no-repeat; width:1px; height:640px; float:left; margin:0px 22px;}
#index-hot .hotline{border-top:1px solid #dddddd; height:1px; width:260px;_width:250px; margin:10px 0px 10px 0px;_margin:10px 0px 0px 0px;}
#index-hot .openshop{ float:left; width:455px;}
#index-hot .openshop ul{margin:0px; float:left; margin-left:2px;height:560px;overflow:hidden; margin-top:5px; }
#index-hot .openshop ul li{float:left;height:82px;;overflow:hidden; width:425px;padding:15px 10px; }
#index-hot .openshop ul li h2{margin:0px;padding:0px; line-height:28px; height:28px;}
#index-hot .openshop ul li img{  float:left; overflow:hidden; margin-right:10px;}
#index-hot .openshop ul li p{ line-height:19px;height:50px; overflow:hidden}
#index-hot .hot-hd{ width:260px;_width:250px;}
#index-hot .hot-hd li{ float:left; overflow:hidden; width:254px;_width:244px;line-height:22px;padding-left:15px;}
#index-hot .hot-hd li a{ color:#333333; text-decoration:none;}
#index-hot .hot-hd li a:hover { color:#FF3300; text-decoration:none;}
#index-hot .hot-hd li.cur {background: url(../images/dicon.gif) 2px -44px no-repeat;width:245px;_width:225px; overflow:hidden;}
#index-hot .hot-hd li.on {background: url(../images/dicon.gif) 2px 1px no-repeat;padding-left:15px;width:245px;_width:225px; overflow:hidden; }
#index-hot .hot-hd li.imgs{ height:55px; overflow:hidden}


#jiao-wrapper{ background:#FFFFFF; overflow:hidden; width:988px; margin:0 auto; height:315px;}
#jiao-wrapper .jleft{ float:left; margin-top:45px;}
#jiao-wrapper .jleft li{ float:left; margin:0px 8px 10px 8px; width:150px; overflow:hidden}
#jiao-wrapper .jleft li .p1{ text-align:center; font-weight:bold; height:50px; line-height:50px; color:#1b67c4}
#jiao-wrapper .jleft li .p2 { text-indent:2em;}
#jiao-wrapper .jright{ float:left; margin-left:10px; margin-top:15px;width: 295px;height: 295px; overflow:hidden;position: relative;}
#jiao-wrapper .jright img{ width:295px; height:295px;}
.jright .ul_change span{display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1;font-size:0.8em;margin-right:2px;*margin-right:4px;background:#fff;filter:alpha(opacity=85);opacity:0.85;cursor:hand;cursor:pointer; color:#000;width:20px; height:20px;text-align:center;}
.jright .ul_change span.on{background:#ff6600;color:#ffffff;width:20px; height:20px; font-weight:bold; text-align:center;}
.jright .changeimg{position:absolute;top:2px;left:2px;display:none;}
.ul_change{position:absolute;left:8px; bottom:7px;padding-left:19px;overflow:hidden; }
.ul_change li{display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1;  }

.homepage-video-large-description{  float:left;    color:#bebfbf;    width:275px;}
.homepage-small-videos{
    float:left;
    margin:25px 0 10px 0;
	_margin:10px 0 10px 0;
}
.homepage-nails-tv-small{
    float:left;
    position:relative;
    width:128px;
    margin-right:32px;	
	_margin-right:18px;
	_margin-left:6px;
}
.homepage-nails-tv-small p { line-height:30px; height:30px; overflow:hidden; }
.homepage-nails-tv-small-last{
    float:left;
    position:relative;
    width:128px;
}
.homepage-nails-tv-small-img{
    border:#cccccc 1px solid;
    display:block;
    padding:2px;
}
.nails-tv-small-universal-play{
    position:absolute;
    display:block;
    background:url(../images/video-play-small.png) no-repeat;
    width:16px;
    height:16px;
    top:59px;
    left:3px;
}
.homepage-nag{
    float:right;
    background:url(../images/homepage-nag.png) no-repeat;
    margin-left:10px;
    padding:30px 15px 10px 28px;
    width:275px;
    height:330px;
    position:relative;
	_margin-left:0px;
}
.homepage-nails-tv{
    background:url(../images/bg-homepage-nails-t.png) no-repeat;
    padding:15px 0px 15px 15px;
    float:left;
    width:640px;
}

.pdesc a {color:#1b67c4;}
.homepage-nails-tv a:hover,.pdesc a:hover { color:#FF3300; }
.homepage-large-video{
    float:left;
    position:relative;
    margin-right:15px;
}
.homepage-video-large-play{
    position:absolute;
    background:url(../images/homepage-video-play.png) no-repeat;
    left:6px;
    bottom:10px;
    width:244px;
    height:46px;
    color:#ffffff;
    padding: 5px 10px 0 60px;
}
.homepage-video-large-description .des{ text-indent:2em; margin-top:15px; line-height:22px;}
.homepage-nag .title{ margin:0px; margin-left:5px; width:250px; overflow:hidden}
#nagPhotos {
    text-align: center;
}
#nagPhotos .index_video_title{background:url(../images/index_video_title.gif) no-repeat; width:270px; height:40px;  overflow:hidden; margin: 15px 0px 0px 5px; }
#nagPhotos .index_video_title a{ height:40px; line-height:40px;font-weight:normal; text-align:center; font-size:14px;}
#nagPhotos .index_video_title a:hover { color:#FF3300; }
#nagPhotos ul {
    margin: 0;
    padding: 0;
    
    list-style: none;
}
#nagPhotos ul li {
    width: 275px;
    height: 260px;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}
#nagPhotos ul li img {
    border: none;
    display: block;
    margin: 5px;
	_margin:0px;
}
#nagPhotos ul li a {
    font-weight: bold;
    color: #333333;
}
#prevBtn a {
    position: absolute;
    z-index: 10;
    top: 285px;
    left:40px;
    width: 19px;
    height: 19px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../images/buttons-sprite.gif") no-repeat scroll -24px -217px transparent;
}
#nextBtn a {
    position: absolute;
    z-index: 10;
    top: 285px;
    right: 28px;
    width: 19px;
    height: 19px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../images/buttons-sprite.gif") no-repeat scroll -43px -217px transparent;
}
#header-wrapper li a.mainon:hover,#header-wrapper li a.mainon {color: #cc6633;background: #ffffff;border-top:solid 2px #cc6633;padding: 0px 13px;}